<template>
	<view class="more">
		<view class="status_bar">
			<!-- 这里是状态栏 -->
		</view>
		<view class="topnav">
			<text class="cuIcon-back"></text>
			<span>热剧精选</span>
			<text class="cuIcon-search"></text>
		</view>
		<view class="content">
			<ul>
				<li>
					<view class="vod_img">
						<img src="/static/image/movie1.jpg" alt="">
						<span>45集全</span>
					</view>
					<text>花样年华</text>
				</li>
				<li>
					<view class="vod_img">
						<img src="/static/image/movie2.jpg" alt="">
						<span>45集全</span>
					</view>
					<text>花样年华</text>
				</li>
				<li>
					<view class="vod_img">
						<img src="/static/image/movie3.jpg" alt="">
						
						<span>45集全</span>
					</view>
					<text>花样年华</text>
				</li>
				<li>
					<view class="vod_img">
						<img src="/static/image/movie1.jpg" alt="">
						<span>45集全</span>
					</view>
					<text>花样年华</text>
				</li>
				<li>
					<view class="vod_img">
						<img src="/static/image/movie2.jpg" alt="">
						<span>45集全</span>
					</view>
					<text>花样年华</text>
				</li>
				<li>
					<view class="vod_img">
						<img src="/static/image/movie3.jpg" alt="">
						<span>45集全</span>
					</view>
					<text>花样年华</text>
				</li>
			</ul>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.topnav{
	height: 98rpx;
	line-height: 98rpx;
	border-bottom: #F2F2F2 2rpx solid;
	position: fixed;
	display: flex;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	padding: 0 30rpx;
}
.topnav text{
	/* display: block; */
	font-size: 40rpx;
}

.topnav span{
	/* display: block; */
	font-size: 34rpx;
	font-weight: 600;
}

.content{
	width: 100%;
	padding-top: 118rpx;
}

.content ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content ul li{
	width: 240rpx;
}

.content ul li .vod_img{
	width: 100%;
	height: 300rpx;
	position: relative;
}

.vod_img img{
	display: block;
	width: 100%;
	height: 100%;
}

.vod_img span{
	position: absolute;
	font-size: 22rpx;
	color: #FFFFFF;
	bottom: 10rpx;
	right: 20rpx;
}

.content ul li text{
	display: block;
	width: 100%;
	height: 98rpx;
	box-sizing: border-box;
	line-height: 98rpx;
	color: #333333;
	font-size: 28rpx;
	padding-left: 10rpx;
}


</style>
